import React, { useEffect, useState } from 'react'
import { ResultPage, Card, Input, Button, Grid, List } from 'antd-mobile'
import request from '../../api/request'
import { useNavigate, useParams, useSearchParams } from 'react-router-dom'
import styles from './index.module.css'
import { UnorderedListOutline } from 'antd-mobile-icons'
function Detil() {
  let navtion = useNavigate()
  const [visible1, setVisible1] = useState(false)
  return (
    <div className={styles.lll}>
      <div>
        <div className={styles.heartdd}>
          <div>
            &emsp;&emsp;&emsp;&emsp;  <h3>选择乘车人</h3>
            <br />
            <p>   &emsp;&emsp;&emsp;&emsp;05月13日 周一</p>
          </div>
          <br></br>
          <div className={styles.ccc}>
            <Grid columns={3} gap={8}  >
              <Grid.Item >
                <div className={styles['grid-demo-item-block']} ><span>21:03</span><p>合肥南</p></div>
              </Grid.Item>
              <Grid.Item>
                <div className={styles['grid-demo-item-block']}>D23212</div>
              </Grid.Item>
              <Grid.Item>
                <div className={styles['grid-demo-item-block']}><span>21:03</span><p>合肥南</p></div>
              </Grid.Item>
             
            </Grid>

          </div>


        </div>
      </div>
      <div className={styles.main}>
        <List.Item prefix={<UnorderedListOutline />} onClick={() => navtion('/pope')}>
          添加/修改乘车人
        </List.Item>
      </div>
      <div className={styles.footer}>
        <Button><h3>立即预订</h3><p>优享出票，酒店立减卷+10元X</p></Button>
      </div>
    </div>
  )
}

export default Detil
